import React from 'react';
import { Component } from 'react';
//import { Tag } from 'antd-mobile';
require('./Evaluate.less');

export default class Evaluate extends Component {
    constructor() {
        super();
    }
    render() {
        var commentsObj = {
            score:{
                comprehensive: 4.8,
                taste: 4.6,
                packing: 4.5,
                transport:4.4
            },
            tags:[
                {name: '全部', number:939},
                {name: '满意', number:823},
                {name: '不满意', number:34},
                {name: '有图', number:46},
                {name: '味道好', number:15}
            ],
            comments:{
                userNickName:"Alan",
                score: 5,
                comment: "好吃，配送快，五星好评",
                imgs: ['1.png','2.png'],
                food:["煎饼","豆浆","油条"]
            }
        };
        return (
            <div className="evaluate_wrapper">
                <section className="evaluate_inf">
                    <div className="comprehensive_scre">{commentsObj.score.comprehensive}</div>
                    <div className="star"><span>商家评分</span><p>{commentsObj.score.comprehensive}</p></div>
                    <div className="taste"><span>味道</span><p>{commentsObj.score.taste}</p></div>
                    <div className="packing"><span>包装</span><p>{commentsObj.score.packing}</p></div>
                    <div className="transport"><span>配送</span><p>{commentsObj.score.transport}</p></div>
                </section>
                <section className="tags">
                    {
                        commentsObj.tags.map((tag)=>{
                           // return <Tag >{tag.name+" "+tag.number}</Tag>
                        })
                    }
                </section>
                <section className="comments">
                </section>
            </div>
        );
    }
}